<template>
    <div class="main">
        <div class="content">
            <div class="content-img"></div>
            <p>{{tips}}</p>
        </div>

    </div>
</template>
<script>
export default {
  props: {
    tips: {
      default: '暂无内容...'
    }
  }

}
</script>
<style lang="less" scoped>
.main{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    .content{
        width: fit-content;
        margin: 150px auto 0px;
        text-align: center;
        color: #ccc;
        &-img{
            width: 100px;
            height: 100px;
            background: url('~@/assets/image/lookup.svg') no-repeat center / cover;
        }
         p{
            height: 30px;
            line-height: 30px;
        }

    }

}

</style>
